.clearfix:after, .container:after, .tab-nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* ==========
 Setup Page */
*:before, *:after {
box-sizing: border-box;
}


/* =================
 Container Styling */
.container {
position: relative;
background: white;
padding: 0px;
}

/* ===========
 Tab Styling */
.tab-group {
position: relative;
border: 1px solid #ddd;
margin-top: 2.5em;
border-radius: 0 0 3px 3px;
}
.tab-group section {
opacity: 0;
height: 0;
padding: 0 1em;
overflow: hidden;
transition: opacity 0.4s ease, height 0.4s ease;
}
.tab-group section.active {
opacity: 1;
height: auto;
overflow: visible;
padding:15px;
}
.tab-group section ul {
width:170px;
text-align:center;
margin:8px 12px;
float:left;
}
.tab-group section ul img {
max-height:80px;
}
.tab-group section ul li {
text-align:center;
font-size:12px;
padding:5px 0px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.tab-nav {
list-style: none;
margin: -2.5em -1px 0 0;
padding: 0;
height: 2.5em;
overflow: hidden;
}
.tab-nav li {
display: inline;
}
.tab-nav li a {
top: 1px;
position: relative;
display: block;
float: left;
border-radius: 10px 10px 0 0;
background: #eee;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
color: grey;
margin-top: .5em;
margin-right: 1px;
transition: background .2s ease, line-height .2s ease, margin .2s ease;
}
.tab-nav li.active a {
background: #1580b5;
color: white;
line-height: 2.5em;
margin-top: 0;
}
.tab-group section h3 {
float:left;
text-align:center;
margin:0 10px;